@import './mixins/border';
@import './mixins/flex';
@import './mixins/line-clamp';
@import './mixins/margin';
@import './mixins/padding';
@import '_config';

$minSize: 10;
$maxSize: 50;
@for $i from $minSize through $maxSize {
  .font#{$i} {
    font-size: $i;
  }
}

.text-bold {
  font-weight: bold;
}
.text-500 {
  font-weight: bold;
}
.text-600 {
  font-weight: bold;
}

// padding ============================

.pXs {
  @include padding($padding-xs);
}

.pSm {
  @include padding($padding-sm);
}

.pMd {
  @include padding($padding-md);
}

.pLg {
  @include padding($padding-lg);
}

.pXl {
  @include padding($padding-xl);
}

.p15 {
  @include padding(30px);
}

.pTheme {
  @include padding($padding-theme);
}

// 上边距
.ptXs {
  @include padding($padding-xs, top);
}

.ptSm {
  @include padding($padding-sm, top);
}

.ptMd {
  @include padding($padding-md, top);
}

.ptLg {
  @include padding($padding-lg, top);
}

.ptXl {
  @include padding($padding-xl, top);
}

.pt15 {
  @include padding(30px, top);
}

.ptTheme {
  @include padding($padding-theme, top);
}

// 下边距
.pbXs {
  @include padding($padding-xs, bottom);
}

.pbSm {
  @include padding($padding-sm, bottom);
}

.pbMd {
  @include padding($padding-md, bottom);
}

.pbLg {
  @include padding($padding-lg, bottom);
}

.pbXl {
  @include padding($padding-xl, bottom);
}

.pb15 {
  @include padding(30px, bottom);
}

.pbTheme {
  @include padding($padding-theme, bottom);
}

// 左边距
.plXs {
  @include padding($padding-xs, left);
}

.plSm {
  @include padding($padding-sm, left);
}

.plMd {
  @include padding($padding-md, left);
}

.plLg {
  @include padding($padding-lg, left);
}

.plXl {
  @include padding($padding-xl, left);
}

.pl15 {
  @include padding(30, left);
}

.plTheme {
  @include padding($padding-theme, left);
}

// 右边距
.prXs {
  @include padding($padding-xs, right);
}

.prSm {
  @include padding($padding-sm, right);
}

.prMd {
  @include padding($padding-md, right);
}

.prLg {
  @include padding($padding-lg, right);
}

.prXl {
  @include padding($padding-xl, right);
}

.pr15 {
  @include padding(30px, right);
}

.prTheme {
  @include padding($padding-theme, right);
}

// 垂直边距
.pYxs {
  @include padding($padding-xs, y);
}

.pYsm {
  @include padding($padding-sm, y);
}

.pYmd {
  @include padding($padding-md, y);
}

.pYlg {
  @include padding($padding-lg, y);
}

.pYxl {
  @include padding($padding-xl, y);
}

.pY15 {
  @include padding(30px, y);
}

.pYtheme {
  @include padding($padding-theme, y);
}

// 水平边距
.pXxs {
  @include padding($padding-xs, x);
}

.pXsm {
  @include padding($padding-sm, x);
}

.pXmd {
  @include padding($padding-md, x);
}

.pXlg {
  @include padding($padding-lg, x);
}

.pXxl {
  @include padding($padding-xl, x);
}

.pX15 {
  @include padding(30px, x);
}

.pXtheme {
  @include padding($padding-theme, x);
}

.pMdLg {
  @include padding($padding-lg, x);
  @include padding($padding-md, y);
}

.pSmMd {
  @include padding($padding-sm, y);
  @include padding($padding-md, x);
}

// margin ===================
.mAuto {
  margin: auto;
}

.mXs {
  @include margin($padding-xs);
}

.mSm {
  @include margin($padding-sm);
}

.mMd {
  @include margin($padding-md);
}

.mLg {
  @include margin($padding-lg);
}

.mXl {
  @include margin($padding-xl);
}

.m15 {
  @include margin(30px);
}

.mTheme {
  @include margin($padding-theme);
}

// 上边距
.mtXs {
  @include margin($padding-xs, Top);
}

.mtSm {
  @include margin($padding-sm, Top);
}

.mtMd {
  @include margin($padding-md, Top);
}

.mtLg {
  @include margin($padding-lg, Top);
}

.mtXl {
  @include margin($padding-xl, Top);
}

.mt15 {
  @include margin(30px, Top);
}

.mtTheme {
  @include margin($padding-theme, Top);
}

// 下边距
.mbXs {
  @include margin($padding-xs, Bottom);
}

.mbSm {
  @include margin($padding-sm, Bottom);
}

.mbMd {
  @include margin($padding-md, Bottom);
}

.mbLg {
  @include margin($padding-lg, Bottom);
}

.mb15 {
  @include margin(30px, Bottom);
}

.mbXl {
  @include margin($padding-xl, Bottom);
}

.mbTheme {
  @include margin($padding-theme, Bottom);
}

// 左边距
.mlXs {
  @include margin($padding-xs, Left);
}

.mlSm {
  @include margin($padding-sm, Left);
}

.mlMd {
  @include margin($padding-md, Left);
}

.mlLg {
  @include margin($padding-lg, Left);
}

.mlXl {
  @include margin($padding-xl, Left);
}

.ml15 {
  @include margin(30px, Left);
}

.mlTheme {
  @include margin($padding-theme, Left);
}

// 右边距
.mrXs {
  @include margin($padding-xs, Right);
}

.mrSm {
  @include margin($padding-sm, Right);
}

.mrMd {
  @include margin($padding-md, Right);
}

.mrLg {
  @include margin($padding-lg, Right);
}

.mrXl {
  @include margin($padding-xl, Right);
}

.mr15 {
  @include margin(30px, Right);
}

.mrTheme {
  @include margin($padding-theme, Right);
}

// 垂直边距
.mYxs {
  @include margin($padding-xs, y);
}

.mYsm {
  @include margin($padding-sm, y);
}

.mYmd {
  @include margin($padding-md, y);
}

.mYlg {
  @include margin($padding-lg, y);
}

.mYxl {
  @include margin($padding-xl, y);
}

.mY15 {
  @include margin(30px, y);
}

.mYtheme {
  @include margin($padding-theme, y);
}

// 水平边距
.mXxs {
  @include margin($padding-xs, x);
}

.mXsm {
  @include margin($padding-sm, x);
}

.mXmd {
  @include margin($padding-md, x);
}

.mXlg {
  @include margin($padding-lg, x);
}

.mXxl {
  @include margin($padding-xl, x);
}

.mX15 {
  @include margin(30px, x);
}
